<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<link rel="stylesheet" href="css/index.css" />
		<script src="js/jquery1.42.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript" charset="utf-8"></script>
		
	</head>
	<body>
		<div class="header">
		    <div class="top">
		    	<div class="content">
		    		<div class="service">
		    			<ul>
		    			    <li>
		    				    <span>客户服务</span>
		    				    <img src="img/sanjiaoxing.png"/>
		    			    </li>
		    			    <li>
		    			    	<span>关注杰朴森商城</span>
		    			    	<img src="img/sanjiaoxing.png"/>
		    			    </li>
		    		    </ul>
		    		</div>
		    		<div class="info">
		    			<ul>
		    				<li><a href="login.html">登录</a></li>
		    				<li><a href="register.html">注册</a></li>
		    				<li><a href="order.html">我的订单</a></li>
		    				<li><a href="">今日进价</a></li>
		    				<li><a href="shop_cart.html">我的购物车(3)</a></li>
		    			</ul>
		    		</div>
		    	</div>
		    </div>
		    <div class="center">
		    	<div class="logo">
		    		<a href="index.html"><img src="img/logo.png"/></a>
		    		<p><a href="index.html">杰朴森</a></p>
		    	</div>
		    	<div class="search">
		    		<div class="search-panel">
		    			<form action="">
		    			    <div class="sea">
		    				    <input type="search" name="" id="" value="" />
		    				    <div class="sea-hide">
		    				        <img src="img/fangdajing.png"/>
		    				         <p>搜索商品/店铺</p>	
		    				    </div>
		    			    </div>
		    			    <div class="sub">
		    				    <input type="submit" name="" id="" value="搜索" />
		    			    </div>
		    		    </form>
		    		</div>
		    		<ul>
		    			<li><a href="">TPE瑜伽垫</a></li>
		    			<li><a href="">橡胶瑜伽垫</a></li>
		    			<li><a href="">瑜伽服</a></li>
		    			<li><a href="">瑜伽毯</a></li>
		    			<li><a href="">健身球</a></li>
		    			<li><a href="">瑜伽球</a></li>
		    		</ul>
		    	</div>
		    </div>
		    <div class="menu">
		    	<div class="goods">
		    		<span>商品分类</span>
		    		<img src="img/sanjiaoxing.png"/>
		    	</div>
		    	<div class="type-hidden">
		    		<ul>
		    			<li></li>
		    			<li><a class="current" href="">TPE瑜伽垫</a></li>
		    			<li><a href="">橡胶瑜伽垫</a></li>
		    			<li><a href="">瑜伽服</a></li>
		    			<li><a href="">瑜伽毯</a></li>
		    			<li><a href="">健身球</a></li>
		    			<li><a href="">瑜伽球</a></li>
		    		</ul>
		    	</div>
		    	<div class="nav">
		    		<ul>
			    		<li><a href="index.html">首页</a></li>
			    		<li><a href="">瑜伽垫专区</a></li>
			    		<li><a href="">瑜伽球专区</a></li>
			    		<li><a href="">瑜伽辅具&健生器材</a></li>
			    		<li><a href="">瑜伽健身服</a></li>
			    		<li><a href="">PU橡胶垫</a></li>
			    		<li><a href="">印花橡胶垫</a></li>
			    	</ul>
		    	</div>
		    	
		    </div>
		    <div class="slider" id="slider">
			    <div class="hd">
				    <ul><li></li><li></li><li></li></ul>
			    </div>
			    <div class="bd">
				    <ul>
					    <li><a href="###" target="_blank"><img src="img/banner1 .jpg" /></a></li>
					    <li><a href="###" target="_blank"><img src="img/banner2 .jpg" /></a></li>
					    <li><a href="###" target="_blank"><img src="img/banner3 .jpg" /></a></li>
				    </ul>
			    </div>
            
			<a class="prev"><img src="img/prev.png"/></a>
			<a class="next"><img src="img/next.png"/></a>

		    </div>
		    <script src="js/slider.js" type="text/javascript" charset="utf-8"></script>
		    	
		    	
		</div>
		<div class="middle">
			<div class="product">
				<div class="product-new">
					<div class="title">
						<h1>最</h1><span>新</span><h1>商品</h1>
						<div class="line-left">
							<div class="line-top"></div>
							<div class="line-bottom"></div>
						</div>
						<div class="line-right">
							<div class="line-top"></div>
							<div class="line-bottom"></div>
						</div>
					</div>
					<div class="content">
						<ul>
							<li>
								<a href=""><img src="img/index_03.jpg"/></a>
								<a class="into" href="">点击进入>></a>
							</li>
							<li>
								<a href=""><img src="img/index_05.jpg"/></a>
								<a class="into" href="">点击进入>></a>
							</li>
							<li>
								<a href=""><img src="img/index_07.jpg"/></a>
								<a class="into" href="">点击进入>></a>
							</li>
							<li><a href=""><img src="img/index_13.jpg"/></a></li>
							<li>
								<a href=""><img src="img/index_17.jpg"/></a>
								<span class="price">￥666.00</span>
								<p class="name">加厚防爆<span>瑜伽球</span></p>
								<a class="shop" href="">杰朴森瑜伽用品旗舰店</a>
							</li>
							<li>
								<a href=""><img src="img/index_19.jpg"/></a>
								<span class="price">￥489.00</span>
								<p class="name"><span>哑铃</span>男士健身器材</p>
								<a class="shop" href="">杰朴森瑜伽用品旗舰店</a>
							</li>
							<li>
								<a href=""><img src="img/index_21.jpg"/></a>
								<span class="price">￥449.00</span>
								<p class="name">耐磨<span>橡胶垫</span></p>
								<a class="shop" href="">杰朴森瑜伽用品旗舰店</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="product-hot">
					<div class="title">
						<img src="img/index_27.jpg"/>
						<h1>热门商品</h1>
						<div class="line-left">
							<div class="line-top"></div>
							<div class="line-bottom"></div>
						</div>
						<div class="line-right">
							<div class="line-top"></div>
							<div class="line-bottom"></div>
						</div>
					</div>
					<div class="content">
						<ul>
							<li>
								<a href=""><img src="img/index_31.jpg"/></a>
								<span class="price">￥449.00</span>
								<p class="name">耐磨<span>橡胶垫</span></p>
								<a class="shop" href="">杰朴森瑜伽用品旗舰店</a>
							</li>
							<li>
								<a href=""><img src="img/index_34.jpg"/></a>
								<span class="price">￥449.00</span>
								<p class="name">耐磨<span>橡胶垫</span></p>
								<a class="shop" href="">杰朴森瑜伽用品旗舰店</a>
							</li>
							<li>
								<a href=""><img src="img/index_36.jpg"/></a>
								<span class="price">￥449.00</span>
								<p class="name">耐磨<span>橡胶垫</span></p>
								<a class="shop" href="">杰朴森瑜伽用品旗舰店</a>
							</li>
							<li>
								<a href=""><img src="img/index_41.jpg"/></a>
								<div class="info">
									<span class="price">￥449.00</span>
									<p class="name">耐磨<span>橡胶垫</span></p>
									<a class="shop" href="">杰朴森瑜伽用品旗舰店</a>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="product-explosion">
					<div class="title">
						<img src="img/index_46.jpg"/>
						<h1>爆款推荐</h1>
						<div class="line-left">
							<div class="line-top"></div>
							<div class="line-bottom"></div>
						</div>
						<div class="line-right">
							<div class="line-top"></div>
							<div class="line-bottom"></div>
						</div>
					</div>
					<div class="content">
						<div class="sidebar">
							<div class="sb-tit">
								<span class="tit-left"></span>
								<h4>您是不是想找</h4>
								<span class="tit-right"></span>
							</div>
							<ul>
								<li><a href="">套装瑜伽服</a></li>
								<li><a href="">运动服</a></li>
								<li><a href="">瑜伽裤</a></li>
								<li><a href="">健身服</a></li>
								<li><a href="">瑜伽垫</a></li>
								<li><a href="">哑铃</a></li>
								<li><a href="">女鞋</a></li>
								<li><a href="">瑜伽球</a></li>
							</ul>
						</div>
						<div class="clothing">
							<ul>
								<li>
									<a href=""><img src="img/index_50.jpg"/></a>
									<a class="into" href="">点击进入>></a>
								</li>
								<li>
									<a href=""><img src="img/index_52.jpg"/></a>
									<a class="into" href="">点击进入>></a>
								</li>
							</ul>	
						</div>
						<a class="ball" href=""><img src="img/index_54.jpg"/></a>
						<div class="mat">
							<ul>
								<li>
									<a href=""><img src="img/index_59.jpg"/></a>
									<a class="into" href="">点击进入>></a>
								</li>
								<li>
									<a href=""><img src="img/index_61.jpg"/></a>
									<a class="into" href="">点击进入>></a>
								</li>
								<li>
									<a href=""><img src="img/index_63.jpg"/></a>
									<a class="into" href="">点击进入>></a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="product-recommend">
					<div class="title">
						<img src="img/index_70.jpg"/>
						<h1>热门商品</h1>
						<div class="line-left">
							<div class="line-top"></div>
							<div class="line-bottom"></div>
						</div>
						<div class="line-right">
							<div class="line-top"></div>
							<div class="line-bottom"></div>
						</div>
					</div>
					<div class="content">
						<ul>
							<li><a href=""><img src="img/index_73.jpg"/></a></li>
							<li><a href=""><img src="img/index_75.jpg"/></a></li>
							<li>
								<a href=""><img src="img/index_81.jpg"/></a>
								<div class="info">
									<span class="price">￥449.00</span>
									<p class="name">耐磨<span>橡胶垫</span></p>
									<a class="shop" href="">杰朴森瑜伽用品旗舰店</a>
								</div>
							</li>
							<li>
								<a href=""><img src="img/index_80.jpg"/></a>
								<div class="info">
									<span class="price">￥449.00</span>
									<p class="name">耐磨<span>橡胶垫</span></p>
									<a class="shop" href="">杰朴森瑜伽用品旗舰店</a>
								</div>
							</li>
							<li>
								<a href=""><img src="img/index_84.jpg"/></a>
								<div class="info">
									<span class="price">￥449.00</span>
									<p class="name">耐磨<span>橡胶垫</span></p>
									<a class="shop" href="">杰朴森瑜伽用品旗舰店</a>
								</div>
							</li>
							<li>
								<a href=""><img src="img/index_86.jpg"/></a>
								<div class="info">
									<span class="price">￥449.00</span>
									<p class="name">耐磨<span>橡胶垫</span></p>
									<a class="shop" href="">杰朴森瑜伽用品旗舰店</a>
								</div>
							</li>
						</ul>
					</div>
					
					<script type="text/javascript">
						$(".product-recommend .content li:gt(1)").css({"height":"438px","width":"288px"})
						$(".product-recommend .content li:gt(2)").css({"border-left":"1px solid #c7c7c7","padding":"2px 5px"})
						$(".product-recommend li:first").css({"border-bottom":"1px solid #c7c7c7","border-right":"1px solid #c7c7c7"})
						$(".product-recommend li:eq(1)").css({"border-bottom":"1px solid #c7c7c7"})
						$(".product-recommend li:eq(2)").css({"padding":"2px 9px 0 1px"})
						$(".product-recommend li:gt(3)").css({"padding-top":"8px"})
					</script>
					
					
				</div>
				<div class="product-like">
					<div class="title">
						<img src="img/index_93.jpg"/>
						<h1>猜你喜欢</h1>
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<div class="grid">
						<ul>
							<li>
								<div class="pic">
									<a href=""><img src="img/index_96.jpg"/></a>
								</div>
								<div class="info">
									<div class="price">
										<span>￥</span>
										<strong>79.80</strong>
									</div>
									<div class="service-free">包邮</div>
									<div class="quantity">155457付款</div>
									<p class="name"><a href="">瑜伽服女秋冬季外套大码宽松速干上衣晨跑专业健身服跑步运动套装</a></p>
									<div class="location">浙江 宁波</div>
								</div>
							</li>
							<li>
								<div class="pic">
									<a href=""><img src="img/index_98.jpg"/></a>
								</div>
								<div class="info">
									<div class="price">
										<span>￥</span>
										<strong>120.0</strong>
									</div>
									<div class="service-free">包邮</div>
									<div class="quantity">155457付款</div>
									<p class="name"><a href="">新品秋冬瑜伽服套装瑜珈服女士显瘦健身服愈加服舞蹈服长袖三件套</a></p>
									<div class="location">广东 广州</div>
								</div>
							</li>
							<li>
								<div class="pic">
									<a href=""><img src="img/index_100.jpg"/></a>
								</div>
								<div class="info">
									<div class="price">
										<span>￥</span>
										<strong>108.0</strong>
									</div>
									<div class="service-free">包邮</div>
									<div class="quantity">235456付款</div>
									<p class="name"><a href="">运动健身服女瑜伽服套装2017秋冬新款健身房跑步锻炼宽松速干上衣</a></p>
									<div class="location">广东 福田</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="jps-ensure">
				<ul>
					<li>
						<a class="ensure-tit" href="">优</a>
						<h2><a href="">品质保障</a></h2>
						<p><a href="">品质护航 购物无忧</a></p>
					</li>
<li>
						<a class="ensure-tit" href="">五</a>
						<h2><a href="">五天无理由退换货</a></h2>
						<p><a href="">为你提供售后无忧保障</a></p>
					</li>
<li>
						<a class="ensure-tit" href="">特</a>
						<h2><a href="">特色服务体验</a></h2>
						<p><a href="">为你呈现不一样的服务</a></p>
					</li>
<li>
						<a class="ensure-tit" href="">帮</a>
						<h2><a href="">帮助中心</a></h2>
						<p><a href="">你的购物方向</a></p>
					</li>
				</ul>
			</div>
			<div class="jps-help">
				<div class="jps-public">
					<a href=""><img src="img/index_106.jpg"/></a>
					<p>杰朴森公众号</p>
				</div>
				<dl>
					<dt>商家服务</dt>
					<dd><a href="">杰朴森规则</a></dd>
					<dd><a href="">商家入驻</a></dd>
					<dd><a href="">商家中心</a></dd>
					<dd><a href="">物流服务</a></dd>
					<dd><a href="">运营服务</a></dd>
				</dl>
				<dl>
					<dt>支付方式</dt>
					<dd><a href="">快捷支付</a></dd>
					<dd><a href="">信用卡</a></dd>
					<dd><a href="">蚂蚁借呗</a></dd>
					<dd><a href="">余额宝</a></dd>
					<dd><a href="">货到付款</a></dd>
				</dl>
				<dl>
					<dt>天猫保障</dt>
					<dd><a href="">发票保障</a></dd>
					<dd><a href="">售后规则</a></dd>
					<dd><a href="">缺货赔付</a></dd>
				</dl>
				
				<dl>
					<dt>购物指南</dt>
					<dd><a href="">免费支付</a></dd>
					<dd><a href="">开通支付宝</a></dd>
					<dd><a href="">支付宝支付</a></dd>
				</dl>
			</div>
			<div class="copyright">
				<div class="content">
					<div class="logo"></div>
					<ul>
			    		<li><a href="">首页</a></li>
			    		<li><a href="">瑜伽垫专区</a></li>
			    		<li><a href="">瑜伽球专区</a></li>
			    		<li><a href="">瑜伽辅具&健生器材</a></li>
			    		<li><a href="">瑜伽健身服</a></li>
			    		<li><a href="">PU橡胶垫</a></li>
			    		<li><a href="">印花橡胶垫</a></li>
		    	    </ul>
		    	    <p>2016 POWERED BY XUNGOU.COM. ALL RIGHTS RESERVED  闽ICP备17001625号-3</p>
				</div>
			</div>
		</div>
	</body>
</html>
